<!-- 接单须知 -->
<template>
	<view class="cityPartyTips">
		<text class="title"> 接单须知：</text>
		<view class="content">
			<text class="content-title">公司秉承是绿色陪玩，客户出来玩，目的都是希望开心。所以我们还是需要热情主动一点能给客户提供情绪价值，陪伴价值！</text>
			<text class="content-item" v-for="(res,index) in listData">{{(index+1) + '、' + res}}</text>
		</view>

	</view>
</template>

<script>
	// vuex引入
	import {
		mapState,
		mapGetters,
		mapActions,
		mapMutations
	} from 'vuex'

	export default {
		data() {
			return {
				listData: [
					'未到见面时间期间🈲止打电话联系客户➕微信',
					'接单期间时间没到🈲止早退（除非客户主动提出结束）、要提醒客户几点结束，是否继续加时长、加时需要报备！让客户找负责的客服缴费、支付成功后方才继续服务！无需像客人透露自己接单费用！',
					'🈲止跳单，公司如有发现和客户私下交易，当日佣金则没收另会辞退本艺人不再享本公司派单服务！',
					'如有遇到客户主动送回家、安全起见避免自己家具体位置信息，结束后删除微信电话，避免工作之外的骚扰！',
					'到了目的地 、结束、或者过程、有什么问题都要与即时联系！',
				]
			};
		},
		created() {
			this.setIsShow(false)
		},
		methods: {
			...mapMutations(['setIsShow']),
		}
	}
</script>

<style lang="less" scoped>
	.cityPartyTips {
		#flex(column, -, center);
		#padding(80rpx 24rpx 24rpx 24rpx);
		background: linear-gradient(180deg, rgba(238, 212, 215, 0.8) -3%, rgba(238, 212, 215, 0.2) 100%);
		min-height: 100vh;

		.title {
			#font(32rpx, #333, 600);
			margin-bottom: 36rpx;
		}

		.content {
			#font(28rpx, #666, -);
			#flex(column, -, -);
			#padding(24rpx);
			border-radius: 12rpx;
			background-color: #fff;
			line-height: 42rpx;
			gap: 24rpx;


			.content-title {
				text-indent: 56rpx;
			}

		}
	}
</style>